CSS Цвет RGB и RGBA
Цвет RGB
В CSS цвет может быть задан как значение RGB, используя эту формулу:
rgb(red, green, blue)
Каждый параметр (red, green, и blue) определяет интенсивность цвета в диапазоне от 0 до 255.
Например, rgb(255, 0, 0) отображается красный, потому что red имеет самое высокое значение (255), а остальные 0.
Чтобы отобразить черный цвет, установите все цветовые параметры равными 0, например: rgb(0, 0, 0).
Чтобы отобразить белый цвет, установите все цветовые параметры равными 255, например: rgb(255, 255, 255).
Поэкспериментируйте, смешивая значения RGB ниже:
RED
GREEN
BLUE
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)
Попробуйте сами »
Оттенки серого часто определяются с использованием равных значений для всех 3 источников света:
rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)
Попробуйте сами »
Цвет RGBA
Значения цвета RGBA - это расширение значений цвета RGB с альфа каналом, который определяет непрозрачность для цвета и задается с помощью:
rgba(red, green, blue, alpha)
Альфа параметр - это число между 0.0 (полностью прозрачное) и 1.0 (совсем не прозрачное):
Поэкспериментируйте, смешивая значения RGB ниже:
RED
GREEN
BLUE
ALPHA
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)
Попробуйте сами »